.r_header {
    background: #29BCEE;
    padding: 0 .3rem;
    height: .92rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.r_header .date{
    flex: 1;
    font-size: .28rem;
    color: #FFFFFF;
    line-height: .5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.r_header .money {
    font-size: .32rem;
    color: #FFFFFF;
    line-height: .5rem;
}
 .r_header .date .date-ipt {
     box-sizing: border-box;
     padding-left: .2rem;
     margin-left: .1rem;
     background: #FFFFFF;
     border: 1px solid #B4ECFF;
     box-shadow: 0 .02rem .04rem 0 #0D99C9;
     border-radius: 1rem;
     width: 2.3rem;
     height: .5rem;
     line-height: .5rem;
     font-size: .28rem;
     position: relative;
     color: #29BCEE;
 }
  .r_header .date .date-ipt::before,
  .r_header .date .date-ipt::after {
      content: '';
      display: block;
      width: .12rem;
      height: .1rem;
      position: absolute;
      right: .2rem;
      background-size: 100% 100%;
      background-position: center;
      background-repeat: no-repeat
  }
  .r_header .date .date-ipt::before {
      background-image: url('../images/up_arrow.png');
      top: 0.1rem;
  }
  .r_header .date .date-ipt::after {
      background-image: url('../images/down-arrow.png');
      top: .24rem;
  }

  .records .list li {
    margin-left: .3rem;
  }
  .records .list .item {
      height: 1.45rem;
      padding-right: .3rem;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-bottom: solid 1px #F2F2F2;
  } 
  .records .list .item .tp-line {
    display: flex;
    font-size: .32rem;
    line-height: .45rem;
    margin-bottom: .1rem;
    color: #000000;
  }
  .records .list .item .item-left {
    flex: 1;
    height: .45rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
   .records .list .item .item-right{
    font-size: .32rem;
    line-height: .45rem;
    color: #000000;
    margin-left: .3rem;
  }
   .records .list .item .bt-line {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
   .records .list .item .bt-line .item-left {
     font-size: .28rem;
     color: #999999;
   }
     .records .list .item .bt-line  .item-right span {
     color: #FF6161;
   }
